.content{
    display: flex;
    overflow: hidden;
	
	.left{
	    flex: 0 0 150rpx;
	    border-right: 1rpx solid #D8D8D8;
		font-size: 28rpx;
		font-weight: bold;
		.menuitem{
			height: 60rpx;
			padding: 16rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-left: 6rpx solid #fff;
		}
		.menuitemselected{
			height: 60rpx;
			padding: 16rpx 0;
			display: flex;
			align-items: center;
			justify-content: center;
			border-left: 6rpx solid #fff;
			color: #FD9E96;
			border-left-color:#FD9E96;
		}
	}
	.right{
		flex: 1;
		transition: all 500ms ease-in-out;
		.detail{
		    overflow-y: auto;
		    padding: 20px;
		    height: 100%;
		    box-sizing: border-box;
		    display: flex;
		    flex-direction: column;
		    -webkit-overflow-scrolling: touch;/*使webkit浏览器滑动更加顺畅*/
			
			.title{
			    margin: 30rpx;
			    display: flex;
			    align-items: center;
			    justify-content: center;
				text{
				    font-size: 24rpx;
				    color:#FF6600;
				}
				text::before, text::after{
				    content: '';
				    display: inline-block;
				    position: relative;
				    top: -6rpx;
				    width: 70rpx;
				    height: 2rpx;
				    margin: 0 20rpx;
				    background-color:#979797;
				}
				
			}
			
			.main{
			    display: flex;
			    flex-wrap: wrap;
				.items{
				    width: 30%;
				    margin-bottom: 20rpx;
				    text-align: center;
				}
				.items.middle{
				    margin:0 20rpx;
				}
				.items image{
				    height: 120rpx;
				    width: 120rpx;
				    border-radius: 120rpx;
				}
				.items view {
				    color:#444452;
				    font-size: 24rpx;
				
				}
			}
			
		}
		
		
		
	}
	
}